import React from "react";
import "./HeroCom.css";

export default function HeroCom() {
  return (
    <div className="hero-container">
      <h2>欢迎来到王者荣耀</h2>
      <hr />
      <div className="form-section">
        <input type="text" />
        <button>搜索</button>
      </div>
      <hr />
      <div className="hero-list">
        {new Array(20).fill(1).map((item) => {
          return <div className="hero-item">
            <img width="100%" src="http://cdn.xiaohigh.com/images/heros/538.jpg" alt="" />
            <div className="name">云樱</div>
          </div>;
        })}
      </div>
    </div>
  );
}
